<template>
    <div>
<div class="up mb-10 rel ">
        <img src="../../../assets/img/beijing.png" alt="">
        <router-link to="/my/theNo" v-if="!isLogin" class="fff f16 abs">立即登录</router-link>
        <a v-else class="fff f16 abs">{{phone}}</a>
    </div>
    <div class="middle pl-20 pr-10 f14 bg-fff">
       <div class="hot flex jc-sb aic">
            <p>我的订单</p>
            <i class="iconfont icon-right"></i>
       </div>
       <div class="hot flex jc-sb aic">
            <p>收藏</p>
            <i class="iconfont icon-right"></i>
       </div>
       <div class="hot flex jc-sb aic">
            <p>足迹</p>
            <i class="iconfont icon-right"></i>
       </div>
       <div class="hot flex jc-sb aic">
            <p>优惠券</p>
            <i class="iconfont icon-right"></i>
       </div>
       <div class="hot flex jc-sb aic">
            <p>我的地址</p>
            <i class="iconfont icon-right"></i>
       </div>
       <router-link to="/my/setting" class="hot flex jc-sb aic">
            <p>设置</p>
            <i class="iconfont icon-right"></i>
       </router-link>
    </div>
    <router-view></router-view>
    <Footer></Footer>
    </div>
</template>

<script>
import {mapState} from 'vuex'
import Footer from "@/components/Footer";

export default {
     computed:mapState(['isLogin','phone']),
     components: {
          Footer
     }
}

</script>










<style lang="less" scoped>
@import "./personalCenter.less";
</style>